<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Progress</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header class="clearfix">
        <div class="logo">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="title">
            <a href=""><h1>HOME</h1></a>
            <a href=""><h2>Welcome!</h2></a>
            <div class="small-pic">
                <a href=""><img src="./images/menu_icon1_active.gif" alt=""></a>
                <a href=""><img src="./images/menu_icon1.gif" alt=""></a>
            </div>
        </div>
        <div class="title">
            <a href=""><h1>NEWS</h1></a>
            <a href=""><h2>FRESH</h2></a>
            <div class="small-pic">
                <a href=""><img src="./images/menu_icon2_active.gif" alt=""></a>
                <a href=""><img src="./images/menu_icon2.gif" alt=""></a>
            </div>
        </div>
        <div class="title">
            <a href=""><h1>SERVICES</h1></a>
            <a href=""><h2>FOR YOU</h2></a>
            <div class="small-pic">
                <a href=""><img src="./images/menu_icon3_active.gif" alt=""></a>
                <a href=""><img src="./images/menu_icon3.gif" alt=""></a>
            </div>
        </div>
        <div class="title">
            <a href=""><h1>PRODUCTS</h1></a>
            <a href=""><h2>THE BEST</h2></a>
            <div class="small-pic">
                <a href=""><img src="./images/menu_icon4_active.gif" alt=""></a>
                <a href=""><img src="./images/menu_icon4.gif" alt=""></a>
            </div>
        </div>
        <div class="title">
            <a href=""><h1>CONTRACTS</h1></a>
            <a href=""><h2>OUR ADDRESS</h2></a>
            <div class="small-pic">
                <a href=""><img src="./images/menu_icon5_active.gif" alt=""></a>
                <a href=""><img src="./images/menu_icon5.gif" alt=""></a>
            </div>
        </div>
    </header>
    <div class="slideshow">
        <div class="container">
            <img src="./images/img1.jpg" alt="">
            <img src="./images/img2.jpg" alt="">
            <img src="./images/img3.jpg" alt="">
            <img src="./images/img4.jpg" alt="">
        </div>
    </div>
    <div class="circle">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="black-circle"></div>
    <main class="clearfix">
        <div class="main-top">
            <div>
                <div class="main-top-title">
                    <div class="big-title">A</div>
                    <h1>Business Planning</h1>
                </div>
                <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                <a href=""><h2>Read More</h2></a>
            </div>
            <div>
                <div class="main-top-title">
                    <div class="big-title">B</div>
                    <h1>Business Stargets</h1>
                </div>
                <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                <a href=""><h2>Read More</h2></a>
            </div>
            <div>
                <div class="main-top-title">
                    <div class="big-title">C</div>
                    <h1>Powerful Annlytice</h1>
                </div>
                <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                <a href=""><h2>Read More</h2></a>
            </div>
            <div>
                <div class="main-top-title">
                    <div class="big-title">D</div>
                    <h1>Worldwise polution</h1>
                </div>
                <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                <a href=""><h2>Read More</h2></a>
            </div>
        </div>
        <div class="main-bottom">
            <div>Welcome dear Visitor</div>
            <div>Testimonials</div>
            <div>
                <img src="./images/page1_img1.jpg" alt="">
                <div>
                    <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work). This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).</p>
                    <p>This website template pages: Home, News,Services, Products, Contacts(contact form doesn't work).This website template pages: Home, News,Services, Products, Contacts (contact form doesn't work). This</p>
                </div>
            </div>
            <div>
                <div>
                    <p>This website template pages: Home, News,Services, , CProductsontacts This website template pages</p>
                </div>
                <div id="triangle"></div>
                <div>
                    <div>
                        <h1>James coloway</h1>
                        <h2>Director</h2>
                    </div>
                    <div class="up"></div>
                    <div class="down"></div>
                </div>
            </div>
        </div>
    </main>
    <div class="form clearfix">
        <div class="containers">
            <div>
                <h1>Why Us?</h1>
                <div>
                    <div class="pic">
                        <div><img src="./images/marker_1.gif" alt=""></div>
                        <div><img src="./images/marker_1.gif" alt=""></div>
                        <div><img src="./images/marker_1.gif" alt=""></div>
                        <div><img src="./images/marker_1.gif" alt=""></div>
                    </div>
                    <ul>
                        <li>This website template</li>
                        <li>This website template</li>
                        <li>This website template</li>
                        <li>This website template</li>
                    </ul>
                </div>
            </div>
            <div>
                <h1>Arddress</h1>
                <div>
                    <ul>
                        <li>Country:</li>
                        <li>City:</li>
                        <li>Phone:</li>
                        <li>Email:</li>
                    </ul>
                    <ul>
                        <li>USA</li>
                        <li>San Diego</li>
                        <li>8800154-45-67</li>
                        <li>progress@mail.com</li>
                    </ul>
                </div>
            </div>
            <div>
                <h1>Follow Us</h1>
                <div>
                    <div class="pic">
                        <div><img src="./images/icon1.jpg" alt=""></div>
                        <div><img src="./images/icon2.jpg" alt=""></div>
                        <div><img src="./images/icon3.jpg" alt=""></div>
                        <div><img src="./images/icon4.jpg" alt=""></div>
                    </div>
                    <ul>
                        <li>This website template</li>
                        <li>This website template</li>
                        <li>This website template</li>
                        <li>This website template</li>
                    </ul>
                </div>
            </div>
            <div>
                <h1>Follow Us</h1>
                <div>Type Your Email There</div>
                <div id="button">Subscribe</div>
            </div>
        </div>
    </div>
    <footer>
        <div>
            <h2><span>website template</span> by TemplateMastor.com</h2>
            <h2><span>3D Modais</span> Provide by Templates.com</h2>
        </div>
    </footer>
</body>
</html>